<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>psd转化成div+css布局综合案例</title>
	<link rel="stylesheet" href="css/style.css">

</head>
<body>
	<!--header-->
	<div class="header">
		<div class="logo">
			<h1>助力梦想<span>•</span>梦想加油站</h1>
			<h2>成就非凡&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;企业转型触电营销管理孵化基地</h2>
		</div>
		<div class="helper">
			<div class="customerservice">
				<p>
					<img src="img/phone.gif" alt="客服电话">
					<span>客服电话：400-700-8856</span>
				</p>
				<p>
					<img src="img/qq.gif" alt="客服Q Q">
					<span>客服Q Q：79931867</span>
				</p>
			</div>
			<div class="cooperation">
				<p><img src="img/cooperate.gif" alt="洽谈合作">
					合作洽谈
				</p>
				<p>18658125267（金总）</p>  
				<p>18658125267（刘总）</p>
			</div>
		</div>	
	</div>
	<div class="nav">
		<ul>
			<li class="active"><a href="#">官方首页</a></li>
			<li ><a href="#">孵化中心</a></li>
			<li ><a href="#">政府合作</a></li>
			<li ><a href="#">店铺诊断</a></li>
			<li ><a href="#">新闻资讯</a></li>
			<li ><a href="#">合作品牌</a></li>
		</ul>
	</div>
	<div class="clear"></div>
	<div class="banner">
	</div>
	<div class="main">
		<div class="avg">
			<h1>政府合作</h1>
			<span>more+</span>
			<div class="clear"></div>
			<div class="detail">
				<img src="img/cooperatepic.gif" alt="政府合作">
				<div class="content">
					<p>
						专家团队派遣，通过协助地方企业触电，解决企业销售难题，形成产业集群，利用互联网+带动企业开展新型销售模式升级，助力中国质造。
					</p>
					<p>
						为地方建设提供：电商营销团队建设、企业人力管理模式升级、财务统筹、企业投融资（VC）、常期协助地方电商产业园建设
					</p>
					<a href="#"><img src="img/showdetail.gif" alt="查看详情"></a>
				</div>
			</div>
		</div>
		<div class="right">
			<div class="news">
				<h1>最新资讯</h1>
				<span>more+</span>
			</div>
			<div class="clear"></div>
			<ul>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
				<li><a href="#"><img src="img/numico.gif" alt="编号"><span>移动优化不可不知的事儿</span>2015-11-24</a></li>
			</ul>	
			<img src="img/bottomimg.png" alt="">
		</div>
		<div class="avg">
			<h1>企业孵化</h1>
			<span>more+</span>
			<div class="clear"></div>
			<div class="detail">
				<img src="img/bunsiness.gif" alt="企业孵化">
				<div class="content">
					<p>
						专家团队派遣，通过协助地方企业触电，解决企业销售难题，形成产业集群，利用互联网+带动企业开展新型销售模式升级，助力中国质造。
					</p>
					<p>
						为地方建设提供：电商营销团队建设、企业人力管理模式升级、财务统筹、企业投融资（VC）、常期协助地方电商产业园建设
					</p>
					<a href="#"><img src="img/showdetail.gif" alt="查看详情"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	<div class="foot">
		<p>关于追梦<span>|</span>联系我们<span>|</span>诚征英才</p>
		<p>©2015 助力企业公司版权所有</p>
	</div>
</body>
</html>